<!DOCTYPE html>
<html>
	<head>
		<!-- Required meta tags -->
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- Bootstrap CSS -->
		<link rel="stylesheet" type="text/css" href="assets/lib/bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" href="./assets/css/style.css">

		<title></title>
	</head>
	<body class="register">
		<div class="card register-card  position-absolute top-50 start-50 translate-middle">
			<div class="card-header bg-dark text-white">
				注册
			</div>
			<div class="card-body">
				<form>
					<div class="row mb-3">
						<label for="inputEmail3" class="col-sm-2 col-form-label">账号:</label>
						<div class="col-sm-10">
							<input type="email" class="form-control" id="inputEmail3">
						</div>
					</div>
					<div class="row mb-3">
						<label for="inputPassword3" class="col-sm-2 col-form-label">密码:</label>
						<div class="col-sm-10">
							<input type="password" class="form-control" id="inputPassword3">
						</div>
					</div>
					<div class="row mb-3">
						<label for="inputEmail3" class="col-sm-2 col-form-label">确认密码:</label>
						<div class="col-sm-10">
							<input type="email" class="form-control" id="inputEmail3">
						</div>
					</div>
					<div class="row mb-3">
						<label for="inputPassword3" class="col-sm-2 col-form-label">昵称:</label>
						<div class="col-sm-10">
							<input type="password" class="form-control" id="inputPassword3">
						</div>
					</div>

					<div class="row mb-3">
						<label for="inputPassword3" class="col-sm-2 col-form-label">性别:</label>
						<div class="col-sm-10 pt-2">
							<div class="form-check form-check-inline">
								<input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1"
									value="option1">
								<label class="form-check-label" for="inlineRadio1">男</label>
							</div>
							<div class="form-check form-check-inline">
								<input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2"
									value="option2">
								<label class="form-check-label" for="inlineRadio2">女</label>
							</div>
							
						</div>
					</div>
					<div class="row mb-3">
						<label for="inputPassword3" class="col-sm-2 col-form-label">手机:</label>
						<div class="col-sm-10">
							<input type="password" class="form-control" id="inputPassword3">
						</div>
					</div>
					<div class="row mb-3">
						<div class="col-sm-10 offset-sm-2">
							<div class="form-check">
								<input class="form-check-input" type="checkbox" checked id="gridCheck1">
								同意本网站的用户协议
								</label>
							</div>
						</div>
					</div>
					<button type="submit" class="btn btn-primary btn-register ">注册</button>
				</form>
			</div>
			<div class="card-footer d-flex justify-content-between">
				<a href="./login.html" class="link-primary text-decoration-none">登录账户</a>
				<a href="#" class="link-primary text-decoration-none">忘记密码</a>
			</div>
		</div>


		<!-- Option 1: Bootstrap Bundle with Popper -->
		<!-- <script src="lib/bootstrap/js/bootstrap.bundle.min.js"></script> -->

	</body>
</html>
